@use '../../../../../apps/kouncil/src/styles/buttons';
@import '../../../../../apps/kouncil/src/styles/palette';
@import "../../../../../apps/kouncil/src/styles/spaces";

:host {
  .topic-form {
    width: 100%;
  }

  .topic-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;

    .topic-form-field {
      width: 100%;
      padding-bottom: $space-4;
    }
  }

  .actions {
    margin-top: $space-6;

    .action-button-blue {
      @include buttons.button-blue;
    }

    .action-button-blue:disabled {
      @include buttons.button-disabled;
    }

    .action-button-white {
      @include buttons.button-white;
      margin-right: $space-4;
    }
  }
}
